<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
    <title></title>
</head>
<body>
<div class="top_left lf">
    <!--指南针-->
    <div class="compass lf">
        <img src="../images/compass.png"/>
    </div>
    <!--平仓/方仓-->
    <div class="draw lf">
        <form name="form1" method="post" action="Flash.aspx?typeCode=1&amp;companyid=SA0000000000035&amp;from=" id="form1">
            <div>
                <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
                       value="/wEPDwUKLTIwNjAyODU4M2RkTKZOc0sli5K+Br2xrS7pWe0jSSlaMhF+cJpaLLgg38o="/>
            </div>
            <div id="drawContent" style="min-width: 500px;padding:0;margin: 0 auto;">
            </div>
        </form>
    </div>
    <!--圆形进度条-->
    <div class="dynamic rt">
        <ul>
            <li>
                <div id="myStathalf1" data-dimension="80" data-text="35℃" data-info="最高温度" data-width="10" data-fontsize="10" data-percent="35" data-fgcolor="#70A612" data-bgcolor="#eee" data-type="half" data-fill="#ddd">
                </div>
            </li>
            <li>
                <div id="myStathalf2" data-dimension="80" data-text="35℃" data-info="平均温度" data-width="10" data-fontsize="10" data-percent="35" data-fgcolor="#70A612" data-bgcolor="#eee" data-type="half" data-fill="#ddd">
                </div>
            </li>
            <li>
                <div id="myStathalf3" data-dimension="80" data-text="35℃" data-info="最低温度" data-width="10" data-fontsize="10" data-percent="35" data-fgcolor="#70A612" data-bgcolor="#eee" data-type="half" data-fill="#ddd">
                </div>
            </li>
            <li>
                <div id="myStathalf4" data-dimension="80" data-text="35℃" data-info="层高温度" data-width="10" data-fontsize="10" data-percent="35" data-fgcolor="#70A612" data-bgcolor="#eee" data-type="half" data-fill="#ddd">
                </div>
            </li>
            <li>
                <div id="myStathalf5" data-dimension="80" data-text="35℃" data-info="层均温度" data-width="10" data-fontsize="10" data-percent="35" data-fgcolor="#70A612" data-bgcolor="#eee" data-type="half" data-fill="#ddd">
                </div>
            </li>
            <li>
                <div id="myStathalf6" data-dimension="80" data-text="35℃" data-info="层低温度" data-width="10" data-fontsize="10" data-percent="35" data-fgcolor="#70A612" data-bgcolor="#eee" data-type="half" data-fill="#ddd">
                </div>
            </li>
        </ul>
    </div>
    <!--时间-->
    <div class="time">
        时间：<span id="time_now"></span>
    </div>
    <!--显示层数-->
    <div class="layers">
        <span>缆：缆5</span>
        <span>层：3层</span>
    </div>
    <!--条形进度条-->
    <div class="bar_progress">
        <div class="bar">
            <div class="center">仓内温度</div>
            <div id="progressbar1" class="clearfloat"></div>
        </div>
        <div class="bar">
            <div class="center">仓内湿度</div>
            <div id="progressbar2"></div>
        </div>
        <div class="bar">
            <div class="center">仓外温度</div>
            <div id="progressbar3"></div>
        </div>
        <div class="bar">
            <div class="center">仓外湿度</div>
            <div id="progressbar4"></div>
        </div>
    </div>
</div>
<script src="../js/jquery-1.11.3.js"></script>
<script src="../js/Raphael.js"></script>
<script src="../js/square_model4.js"></script>
<script src="../js/jquery.circliful.js"></script>
<script>
    $( document ).ready(function() {
        $('#myStathalf1').circliful();
        $('#myStathalf2').circliful();
        $('#myStathalf3').circliful();
        $('#myStathalf4').circliful();
        $('#myStathalf5').circliful();
        $('#myStathalf6').circliful();
    });
    $(function(){
        $('#progressbar1').LineProgressbar({
            percentage: 50
        });
        $('#progressbar2').LineProgressbar({
            percentage: 25
//            fillBackgroundColor: '#1abc9c'
        });
        $('#progressbar3').LineProgressbar({
            percentage: 91
//            fillBackgroundColor: '#e67e22'
        });
        $('#progressbar4').LineProgressbar({
            percentage: 98
//            fillBackgroundColor: '#f1c40f'
        });
    })
</script>
<script>
    $( document ).ready(function() {
        drawMain();
    });
</script>
</body>
</html>